<template>
  <div class="wrap">
    <main>
        <keep-alive>
      <router-view />
      </keep-alive>
    </main>
    <footer>
      <Tabbar></Tabbar>
    </footer>
  </div>
</template>
<script>
import Tabbar from "components/Tabbar";
export default {
  components: {
    Tabbar
  }
};
</script>
<style lang="stylus" scoped>
.wrap {
  display: flex;
  flex-direction: column;
  
  main {
    // flex: 1;
  }

  >>> footer {
    height: .5rem;
    width:100%
  }
}
</style>
